<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/S.js"></script>
    <style>
        .cc{
            width: 300px;
            height: 20px;
            margin: 2px;
            background-color: #0e6ed5;
        }
        .cc.active{
            background-color: red;
        }
    </style>
</head>
<body>
<div onclick="marquee(this)">
    你好
</div>
<button onclick="add_class()">ADD CLASS</button>
<button onclick="remove_class()">REMOVE CLASS</button>
<button onclick="toggle_class()">TOGGLE CLASS</button>
<a href="javascript:console.log(/注释测试/);//这里不会报错">console.log</a>
<div class="cc"></div>
<div class="cc active"></div>
<div class="cc"></div>
<div class="cc active"></div>
<div class="cc"></div>
<div class="cc active"></div>
<script>
    console.time("a")
    setInterval('console.log("执行")',1000);
    console.log("%c3D Text","color:#00FF00");
    console.timeEnd("a")

    var a;
    function add_class(){
         $(".cc").addClass("active")
    }
    function remove_class(){
         $(".cc").removeClass("active")
    }
    function toggle_class(){
         $(".cc").toggleClass("active")
    }

    function marquee(element) {
        a=element;
        console.log(element)
    }
</script>
</body>
</html>